<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link type="text/css" rel="stylesheet" href="css/style.css" />
  <!--[if IE 6]>
    <script src="js/iepng.js" type="text/javascript"></script>
        <script type="text/javascript">
           EvPNG.fix('div, ul, img, li, input, a'); 
        </script>
    <![endif]-->
  <link rel="stylesheet" href="/layui/css/layui.css" media="all">
  <script src="/layui/layui.js"></script>
  <script src="https://cdn.bootcss.com/store.js/1.3.20/store.min.js"></script>

  <script type="text/javascript" src="js/jquery-1.11.1.min_044d0927.js"></script>
  <script type="text/javascript" src="js/jquery.bxslider_e88acd1b.js"></script>
  <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
  <script src="js/jquery.serializejson.js"></script>
  <script type="text/javascript" src="js/menu.js"></script>

  <script type="text/javascript" src="js/select.js"></script>

  <title>shoppingstreet</title>
</head>

<body>
  <!--Begin Header Begin-->
  <div class="soubg">
    <div class="sou">
      <!--Begin 所在收货地区 Begin-->
      <span class="s_city_b">
        <span class="fl">送货至：</span>
        <span class="s_city">
          <span>四川</span>
          <div class="s_city_bg">
            <div class="s_city_t"></div>
            <div class="s_city_c">
              <h2>请选择所在的收货地区</h2>
              <table border="0" class="c_tab" style="width:235px; margin-top:10px;" cellspacing="0" cellpadding="0">
                <tr>
                  <th>A</th>
                  <td class="c_h"><span>安徽</span><span>澳门</span></td>
                </tr>
                <tr>
                  <th>B</th>
                  <td class="c_h"><span>北京</span></td>
                </tr>
                <tr>
                  <th>C</th>
                  <td class="c_h"><span>重庆</span></td>
                </tr>
                <tr>
                  <th>F</th>
                  <td class="c_h"><span>福建</span></td>
                </tr>
                <tr>
                  <th>G</th>
                  <td class="c_h"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
                </tr>
                <tr>
                  <th>H</th>
                  <td class="c_h">
                    <span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
                </tr>
                <tr>
                  <th>J</th>
                  <td class="c_h"><span>江苏</span><span>吉林</span><span>江西</span></td>
                </tr>
                <tr>
                  <th>L</th>
                  <td class="c_h"><span>辽宁</span></td>
                </tr>
                <tr>
                  <th>N</th>
                  <td class="c_h"><span>内蒙古</span><span>宁夏</span></td>
                </tr>
                <tr>
                  <th>Q</th>
                  <td class="c_h"><span>青海</span></td>
                </tr>
                <tr>
                  <th>S</th>
                  <td class="c_h"><span>上海</span><span>山东</span><span>山西</span><span
                      class="c_check">四川</span><span>陕西</span></td>
                </tr>
                <tr>
                  <th>T</th>
                  <td class="c_h"><span>台湾</span><span>天津</span></td>
                </tr>
                <tr>
                  <th>X</th>
                  <td class="c_h"><span>西藏</span><span>香港</span><span>新疆</span></td>
                </tr>
                <tr>
                  <th>Y</th>
                  <td class="c_h"><span>云南</span></td>
                </tr>
                <tr>
                  <th>Z</th>
                  <td class="c_h"><span>浙江</span></td>
                </tr>
              </table>
            </div>
          </div>
        </span>
      </span>
      <!--End 所在收货地区 End-->
      <span class="fr">
        <span class="fl">你好，请<a href="Login.html">登录</a>&nbsp; <a href="Regist.html"
            style="color:#ff4e00;">免费注册</a>&nbsp;|&nbsp;<a href="#">我的订单</a>&nbsp;|</span>
        <span class="ss">
          <div class="ss_list">
            <a href="#">收藏夹</a>
            <div class="ss_list_bg">
              <div class="s_city_t"></div>
              <div class="ss_list_c">
                <ul>
                  <li><a href="#">我的收藏夹</a></li>
                  <li><a href="#">我的收藏夹</a></li>
                </ul>
              </div>
            </div>
          </div>
          <div class="ss_list">
            <a href="#">客户服务</a>
            <div class="ss_list_bg">
              <div class="s_city_t"></div>
              <div class="ss_list_c">
                <ul>
                  <li><a href="#">客户服务</a></li>
                  <li><a href="#">客户服务</a></li>
                  <li><a href="#">客户服务</a></li>
                </ul>
              </div>
            </div>
          </div>
          <div class="ss_list">
            <a href="#">网站导航</a>
            <div class="ss_list_bg">
              <div class="s_city_t"></div>
              <div class="ss_list_c">
                <ul>
                  <li><a href="#">网站导航</a></li>
                  <li><a href="#">网站导航</a></li>
                </ul>
              </div>
            </div>
          </div>
        </span>
        <span class="fl">|&nbsp;关注我们：</span>
        <span class="s_sh"><a href="#" class="sh1">新浪</a><a href="#" class="sh2">微信</a></span>
        <span class="fr">|&nbsp;<a href="#">手机版&nbsp;<img src="images/s_tel.png" align="absmiddle" /></a></span>
      </span>
    </div>
  </div>
  <div class="m_top_bg">
    <div class="top">
      <div class="m_logo"><a href="Index.html"><img src="images/logo1.png" /></a></div>
      <div class="m_search">
        <form>
          <input type="text" value="" class="m_ipt" />
          <input type="submit" value="搜索" class="m_btn" />
        </form>
        <span class="fl"><a href="#">咖啡</a><a href="#">iphone 6S</a><a href="#">新鲜美食</a><a href="#">蛋糕</a><a
            href="#">日用品</a><a href="#">连衣裙</a></span>
      </div>
      <div class="i_car">
        <div class="car_t">购物车 [ <span>3</span> ]</div>
        <div class="car_bg">
          <!--Begin 购物车未登录 Begin-->
          <div class="un_login">还未登录！<a href="Login.html" style="color:#ff4e00;">马上登录</a> 查看购物车！</div>
          <!--End 购物车未登录 End-->
          <!--Begin 购物车已登录 Begin-->
          <ul class="cars">
            <li>
              <div class="img"><a href="#"><img src="images/car1.jpg" width="58" height="58" /></a></div>
              <div class="name"><a href="#">法颂浪漫梦境50ML 香水女士持久清新淡香 送2ML小样3只</a></div>
              <div class="price">
                <font color="#ff4e00">￥399</font> X1
              </div>
            </li>
            <li>
              <div class="img"><a href="#"><img src="images/car2.jpg" width="58" height="58" /></a></div>
              <div class="name"><a href="#">香奈儿（Chanel）邂逅活力淡香水50ml</a></div>
              <div class="price">
                <font color="#ff4e00">￥399</font> X1
              </div>
            </li>
            <li>
              <div class="img"><a href="#"><img src="images/car2.jpg" width="58" height="58" /></a></div>
              <div class="name"><a href="#">香奈儿（Chanel）邂逅活力淡香水50ml</a></div>
              <div class="price">
                <font color="#ff4e00">￥399</font> X1
              </div>
            </li>
          </ul>
          <div class="price_sum">共计&nbsp; <font color="#ff4e00">￥</font><span>1058</span></div>
          <div class="price_a"><a href="BuyCar.html">去购物车结算</a></div>
          <!--End 购物车已登录 End-->
        </div>
      </div>
    </div>
  </div>
  <!--End Header End-->
  <div class="i_bg bg_color">
    <!--Begin 用户中心 Begin -->
    <div class="m_content">
      <div class="m_left">
        <div class="left_n">管理中心</div>
        <div class="left_m">
          <div class="left_m_t t_bg1">订单中心</div>
          <ul>
            <li><a href="Member_Order.html">我的订单</a></li>
            <li><a href="Member_Address.html" class="now">收货地址</a></li>
            <li><a href="#">缺货登记</a></li>
            <li><a href="#">跟踪订单</a></li>
          </ul>
        </div>
        <div class="left_m">
          <div class="left_m_t t_bg2">会员中心</div>
          <ul>
            <li><a href="Member_User.html">用户信息</a></li>
            <li><a href="Member_Collect.html">我的收藏</a></li>
            <li><a href="Member_Msg.html">我的留言</a></li>
            <li><a href="Member_Links.html">推广链接</a></li>
            <li><a href="#">我的评论</a></li>
          </ul>
        </div>
        <div class="left_m">
          <div class="left_m_t t_bg3">账户中心</div>
          <ul>
            <li><a href="Member_Safe.html">账户安全</a></li>
            <li><a href="Member_Packet.html">我的红包</a></li>
            <li><a href="Member_Money.html">资金管理</a></li>
          </ul>
        </div>
        <div class="left_m">
          <div class="left_m_t t_bg4">分销中心</div>
          <ul>
            <li><a href="Member_Member.html">我的会员</a></li>
            <li><a href="Member_Results.html">我的业绩</a></li>
            <li><a href="Member_Commission.html">我的佣金</a></li>
            <li><a href="Member_Cash.html">申请提现</a></li>
          </ul>
        </div>
      </div>
      <div class="m_right">
        <p></p>
        <div class="mem_tit">收货地址</div>
          <table id="address_table" lay-filter="address_table"  border="0" class="peo_tab" style="width:1110px;" cellspacing="0" cellpadding="0">
            
          </table>

        <form id="address_add_form" onsubmit="return false" action="##" method="post">
          <!-- <input type="hidden" class="token" name="token" value="" />
          <input type="hidden" class="uid" name="uid" value="" /> -->
          <input type="hidden" class="state" name="state" value="1" />
          <table border="0" class="add_tab" style="width:930px;" cellspacing="0" cellpadding="0">
            <tr>
              <td align="right">收货人姓名</td>
              <td style="font-family:'宋体';"><input type="text" name="kpName" value="姓名" class="add_ipt" />（必填）</td>
              <td align="right">手机</td>
              <td style="font-family:'宋体';"><input type="text" name="kpPhone" value="13612345879" class="add_ipt" />（必填）</td>
            </tr>
            <tr>
              <td align="right">详细地址</td>
              <td style="font-family:'宋体';"><input type="text" name="detail" value="世外桃源" class="add_ipt" />（必填）</td>
              <td align="right">邮政编码</td>
              <td style="font-family:'宋体';"><input type="text" name="postCode" value="610000" class="add_ipt" />（必填）</td>
            </tr>
          </table>
          <div class="mem_tit">
            <a onclick="addressAdd();"  align="right"><img src="images/add_ad.gif" /></a>
          </div>
        </form>



      </div>
    </div>
    <!--End 用户中心 End-->
    <!--Begin Footer Begin -->
    <div class="b_btm_bg b_btm_c">
      <div class="b_btm">
        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
          cellspacing="0" cellpadding="0">
          <tr>
            <td width="72"><img src="images/b1.png" width="62" height="62" /></td>
            <td>
              <h2>正品保障</h2>正品行货 放心购买
            </td>
          </tr>
        </table>
        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
          cellspacing="0" cellpadding="0">
          <tr>
            <td width="72"><img src="images/b2.png" width="62" height="62" /></td>
            <td>
              <h2>满38包邮</h2>满38包邮 免运费
            </td>
          </tr>
        </table>
        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
          cellspacing="0" cellpadding="0">
          <tr>
            <td width="72"><img src="images/b3.png" width="62" height="62" /></td>
            <td>
              <h2>天天低价</h2>天天低价 畅选无忧
            </td>
          </tr>
        </table>
        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
          cellspacing="0" cellpadding="0">
          <tr>
            <td width="72"><img src="images/b4.png" width="62" height="62" /></td>
            <td>
              <h2>准时送达</h2>收货时间由你做主
            </td>
          </tr>
        </table>
      </div>
    </div>
    <div class="b_nav">
      <dl>
        <dt><a href="#">新手上路</a></dt>
        <dd><a href="#">售后流程</a></dd>
        <dd><a href="#">购物流程</a></dd>
        <dd><a href="#">订购方式</a></dd>
        <dd><a href="#">隐私声明</a></dd>
        <dd><a href="#">推荐分享说明</a></dd>
      </dl>
      <dl>
        <dt><a href="#">配送与支付</a></dt>
        <dd><a href="#">货到付款区域</a></dd>
        <dd><a href="#">配送支付查询</a></dd>
        <dd><a href="#">支付方式说明</a></dd>
      </dl>
      <dl>
        <dt><a href="#">会员中心</a></dt>
        <dd><a href="#">资金管理</a></dd>
        <dd><a href="#">我的收藏</a></dd>
        <dd><a href="#">我的订单</a></dd>
      </dl>
      <dl>
        <dt><a href="#">服务保证</a></dt>
        <dd><a href="#">退换货原则</a></dd>
        <dd><a href="#">售后服务保证</a></dd>
        <dd><a href="#">产品质量保证</a></dd>
      </dl>
      <dl>
        <dt><a href="#">联系我们</a></dt>
        <dd><a href="#">网站故障报告</a></dd>
        <dd><a href="#">购物咨询</a></dd>
        <dd><a href="#">投诉与建议</a></dd>
      </dl>
      <div class="b_tel_bg">
        <a href="#" class="b_sh1">新浪微博</a>
        <a href="#" class="b_sh2">腾讯微博</a>
        <p>
          服务热线：<br />
          <span>400-123-4567</span>
        </p>
      </div>
      <div class="b_er">
        <div class="b_er_c"><img src="images/er.gif" width="118" height="118" /></div>
        <img src="images/ss.png" />
      </div>
    </div>
    <div class="btmbg">
      <div class="btm">
        备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright © 2015-2018 shoppingstreet商城网 All Rights Reserved. 复制必究 ,
        Technical Support: Dgg Group <br />
        <img src="images/b_1.gif" width="98" height="33" /><img src="images/b_2.gif" width="98" height="33" /><img
          src="images/b_3.gif" width="98" height="33" /><img src="images/b_4.gif" width="98" height="33" /><img
          src="images/b_5.gif" width="98" height="33" /><img src="images/b_6.gif" width="98" height="33" />
      </div>
    </div>
    <!--End Footer End -->
  </div>

</body>
<script type="text/html" id="toolbar">
  <a class="layui-btn layui-btn-xs" lay-event="edit">保存更改</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/javascript">
var tableObj;

  layui.use('table', function(){
    var table = layui.table;
    var user = store.get('user');
    if (user == null) {
        alert('您还未登录，请先登录');
    }

    tableObj = table.render({
      elem: '#address_table'
      ,url: '/address/list' //数据接口
      ,where: {token: user.token, uid: user.uid}
      ,method: 'post'
      ,page: false //开启分页
      ,cols: [[ //表头
        {field: 'kpName', title: '联系人', width:155, edit:true}
        ,{field: 'kpPhone', title: '联系电话', width:155, edit:true}
        ,{field: 'detail', title: '详细地址', width:365, edit:true} 
        ,{field: 'postCode', title: '邮编', width:125, edit:true} 
        ,{fixed: 'right', title: '操作', width: 165, toolbar: '#toolbar'}
      ]]
      ,response: {
        statusName: 'resCode' //规定数据状态的字段名称，默认：code
        ,statusCode: 0 //规定成功的状态码，默认：0
        ,msgName: 'resMsg' //规定状态信息的字段名称，默认：msg
        ,countName: 'totalCount' //规定数据总数的字段名称，默认：count
        ,dataName: 'resData' //规定数据列表的字段名称，默认：data
      }
    });
    


  //监听工具条
  table.on('tool(address_table)', function(obj){ //注：tool是工具条事件名，
  var data = obj.data; //获得当前行数据
  var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
  var tr = obj.tr; //获得当前行 tr 的DOM对象
 
  if(layEvent === 'detail'){ //查看
    //do somehing
  } else if(layEvent === 'del'){ //删除
    layer.confirm('确定删除么？', function(index){
      var user = store.get('user');
      var parm = new Object();
      parm.token = user.token;
      parm.uid = user.uid;
      parm.addressId = obj.data.id;
      //向服务端发送删除指令
      $.ajax({
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: "/address/del" ,//url
            data: parm,
            success: function (result) {
                console.log(result);//打印服务端返回的数据(调试用)
                if (result.resCode == 0) {
                  obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                  layer.close(index);
                } else {
                    alert(result.resMsg);
                }
            },
            error : function(e) {
              var res = e.responseJSON;
              if (res.message != null) {
                var msg = JSON.parse(res.message);
                alert(msg.errorDesp);
              } else {
                alert(res);
              }
            }
        });
    });
  } else if(layEvent === 'edit'){ //编辑
    console.log(obj.data);
    addressAddRequest(JSON.stringify(obj.data));
  }
});


  });

  function addressAdd() {
    addressAddRequest(JSON.stringify(jQuery('#address_add_form').serializeJSON()));
  }

  function addressAddRequest(data) {
    
    var user = store.get('user');
    var param = '?uid=' + user.uid + '&token=' + user.token;
        $.ajax({
            type: "POST",//方法类型
            contentType: "application/json",
            dataType: "json",//预期服务器返回的数据类型
            url: "/address/save" + param ,//url
            data: data,
            success: function (result) {
                console.log(result);//打印服务端返回的数据(调试用)
                if (result.resCode == 0) {
                    tableObj.reload();
                } else {
                    alert(result.resMsg);
                }
            },
            error : function(e) {
              var res = e.responseJSON;
              if (res.message != null) {
                var msg = JSON.parse(res.message);
                alert(msg.errorDesp);
              } else {
                alert(res);
              }
            }
        });
    }
</script>

<!--[if IE 6]>
<script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>
<![endif]-->

</html>